<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
	<title>首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div    id="content">
	<section class="content-header">
		<h1>
			<i class="fa fa-dashboard"></i>
			<strong>模块管理</strong>
		</h1>
		<ol class="breadcrumb">
			<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
			<li>模块管理</li>
		</ol>
	</section>
	<!-- Main content -->
	<section class="content">
		<div class="row">
			<div class="col-md-9">
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">模块添加</h4>
					</div>
					<div class="box-body">
						<div class="form-inline">
							<div class="input-group">
								<input type="text" class="form-control" id="search"  placeholder="Search..."/>
									   <span class="input-group-btn">
											<button type="button" name="search" class="btn btn-info searchBtn">查询</button>
									   		<button type="button" name="reset" id="reset" class="btn btn-info resetBtn">撤消</button>
									   </span>
							</div>
							<button type="button" class="btn btn-info pull-right addBtn">添加</button>
						</div>
					</div>
					<div class="box box-body">
						<table  id="dataTable" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
							<thead>
							<tr>
								<th width="8%" >序号</th>
								<th width="10%" >英文</th>
								<th width="12%" >中文</th>
								<th width="8%" >分组</th>
								<th width="8%" >图标</th>
								<th width="10%" >链接</th>
								<th width="10%" >序号</th>
								<th width="10%" >等级</th>
								<th width="20%" >操作</th>
							</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="box box-info" >
					<div class="box-header with-border">
						<h3 class="box-title"><i class="fa fa-cubes "></i><strong>菜单树</strong></h3>
						<input class="hide" id="moduleName" value="$!moduleName"/>
						<input class="hide" id="picture" value="$!picture"/>
					</div>
					<div class="box-body" id="panelr">
						<ul id="moduleTree" class="ztree"></ul>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--用户信息添加弹窗-->
	<div class="modal" id="moduleModal">
		<div class="modal-dialog" role="dialog">
			<form id="moduleEditForm">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title"><strong>模块信息</strong></h4>
					</div>
					<div class="modal-body">
						<input type="hidden" name="id" id="id" />
						<div class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-2 control-label">英文名称</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control"  type="text" name="nameNew"  id="nameNew"  datatype="*,*1-100"  nullmsg="请输入英文名称" onkeyup="formChar(this)"/>
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
								<label class="col-sm-2 control-label">分组</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control"  type="text" name="groupIdNew"  id="groupIdNew"  datatype="*1-100"/>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">显示名称</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="moduleNameNew" id="moduleNameNew" datatype="*,*1-100" nullmsg="请输入显示名称"/>
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
								<label class="col-sm-2 control-label">图标</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="iconNew" id="iconNew" datatype="*1-100" />
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">链接路径</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="targetNew" id="targetNew" datatype="*,*1-100" nullmsg="请输入链接路径" />
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
								<label class="col-sm-2 control-label">菜单编号</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="menuIndex" id="menuIndex" datatype="*,*1-100" nullmsg="请输入链接路径" />
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">菜单等级</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<select class="form-control" id="menuLevel" name="menuLevel">
											<option>1</option>
											<option>2</option>
											<option>3</option>
											<option>4</option>
									   </select>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary saveBtn" >保存</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="modal" id="moduleModal1">
		<div class="modal-dialog" role="dialog">
			<form id="moduleEditForm">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title"><strong>模块信息</strong></h4>
					</div>
					<div class="modal-body">
						<input type="hidden" name="id1" id="id1" />
						<div class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-2 control-label">英文名称</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control"  type="text" name="nameNew"  id="nameNew1" readonly="readonly"   />
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
								<label class="col-sm-2 control-label">分组</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control"  type="text" name="groupIdNew"  id="groupIdNew1" readonly="readonly" />
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">显示名称</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="moduleNameNew" id="moduleNameNew1"  readonly="readonly" />
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
								<label class="col-sm-2 control-label">图标</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="iconNew" id="iconNew1" readonly="readonly"  />
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">链接路径</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="targetNew" id="targetNew1" readonly="readonly"  />
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
								<label class="col-sm-2 control-label">菜单编号</label>
								<div class="col-sm-4">
									<div class="col-md-11">
										<input class="form-control" type="text" name="menuIndex" id="menuIndex1" readonly="readonly"  />
									</div>
									<div class="col-md-1">
										<span style="color:#F00;fontsize:30px">*</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">菜单等级</label>
								<div class="col-sm-4">
									<div class="col-md-11">
									   <input class="form-control" type="text" name="menuLevel1" id="menuLevel1" readonly="readonly"  />
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<script th:src="@{/module/moduleindex.js}"></script>


</div>

</body>
</html>